<div id="home">
	<!-- 轮播容器开始 -->
	<header>
		<!-- swiper开始 -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<img src="images/banner01.jpg" alt="">
				</div>
				<div class="swiper-slide">
					<img src="images/banner02.jpg" alt="">
				</div>
				<div class="swiper-slide">
					<img src="images/banner03.jpg" alt="">
				</div>
				<div class="swiper-slide">
					<img src="images/banner04.jpg" alt="">
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
		<!-- swiper结束 -->
	</header>
	<!-- 轮播容器结束 -->
	<!-- 内容区开始 -->
	<div id="container">
		<!-- 滚动字幕开始 -->
		<marquee>Java+3G即将开班授课，请持续关注</marquee>
		<!-- 滚动字幕结束 -->
		<!-- 图片列表开始 -->
		<ul>
			<li>
				<img src="images/item1.jpg" alt="">
				<img src="images/item1_on.png" alt="" class="on">
				<dl>
					<dt>&#xe600</dt>
					<dd>卓越简介</dd>
				</dl>
			</li>
			<li>
				<img src="images/item2.jpg" alt="">
				<img src="images/item2_on.png" alt="" class="on">
				<dl>
					<dt>&#xe601</dt>
					<dd>精品课程</dd>
				</dl>
			</li>
			<li>
				<img src="images/item3.jpg" alt="">
				<img src="images/item3_on.png" alt="" class="on">
				<dl>
					<dt>&#xe604</dt>
					<dd>师资介绍</dd>
				</dl>
			</li>
			<li>
				<img src="images/item4.jpg" alt="">
				<img src="images/item4_on.png" alt="" class="on">
				<dl>
					<dt>&#xe607</dt>
					<dd>就业展示</dd>
				</dl>
			</li>
			<li>
				<img src="images/item5.jpg" alt="">
				<img src="images/item5_on.png" alt="" class="on">
				<dl>
					<dt>&#xe603</dt>
					<dd>课程试听</dd>
				</dl>
			</li>
			<li>
				<img src="images/item6.jpg" alt="">
				<img src="images/item6_on.png" alt="" class="on">
				<dl>
					<dt>&#xe602</dt>
					<dd>预约报名</dd>
				</dl>
			</li>
		</ul>
		<!-- 图片列表结束 -->
	</div>
	<!-- 内容区结束 -->
</div>